<template>

    <view class="active-list">
        <uv-sticky>
            <view class="active-list__header">
                <uv-tabs :list="[{name:'全部'},{name:'免费活动'},{name:'专题讲座'},{name:'沙龙活动'},{name:'会议培训'}]"
                    :activeStyle="{color:'#fff',padding:'10rpx 20rpx',fontWeight:'bold'}"
                    :customStyle='{display:"inline-block"}' lineColor="transparent"
                    :itemStyle="{height:'auto',padding:'0'} " :inactiveStyle="{padding:'10rpx 20rpx',color:'#cac8ea'}">
                    <template v-slot:right>
                        <view style="padding-left: 4px;">
                            <uv-icon name="list" size="21" bold color="#f3f5fd"></uv-icon>
                        </view>
                    </template>
                </uv-tabs>
            </view>
        </uv-sticky>
        <view class="active-list__content">
            <RegistrationActivity v-for="i in 5" @click="takePartIn" />
        </view>
    </view>

</template>

<script lang="ts" setup>
    import RegistrationActivity from "@/components/RegistrationActivity.vue";
    const takePartIn = () => {
        uni.navigateTo({
            url: "/pages/active/detail"
        })
    }
</script>
<style lang="scss" scoped>
    .active-list {
        background-color: #6656c5;

        &__content {
            padding: 20px 30rpx;

        }

        &__header {
            padding-top: 20rpx;
            // padding: 20rpx 0;
        }
    }
</style>